<template>
	<view class="withdrawal">
		<view class="main">
			<view class="title">
				可提现金额：
			</view>
			<view class="now-rice">
				￥<span style="font-size: 40rpx;">666.00</span>
			</view>
			<view class="input">
				<input type="number" v-model.trim="price" placeholder="请输入提现金额..."/>
			</view>
			<view class="withdrawal_btn" @click="withdrawalBtn">
				提现
			</view>
			<u-toast ref="uToast"></u-toast>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				price: ''
			}
		},
		onShow() {
			this.price = ''
		},
		methods: {
			withdrawalBtn() {
				this.$refs.uToast.show({
					type: 'error',
					icon: false,
					title: '失败主题',
					message: "暂未开通提现功能",
					iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/error.png',
				})
				// uni.navigateTo({
				// 	url: '/pages/success/withdrawal'
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.withdrawal{
		height: 97vh;
		padding: 20rpx;
		background-color: #F7F8FA;
		.main{
			padding: 20rpx;
			background-color: #fff;
			.now-rice{
				margin: 20rpx 0;
			}
			.input{
				height: 100rpx;
				input{
					height: 100%;
					border-bottom: 2rpx solid;
					font-size: 40rpx;
				}
			}
			.withdrawal_btn{
				color: #fff;
				background-color: #1C83FC;
				padding: 20rpx;
				margin: 40rpx 0rpx 0rpx 0rpx;
				text-align: center;
			}
		}
	}
</style>